iT邦幫忙

2024 iThome 鐵人賽

DAY 23
0
Modern Web

初學者入門 - 有人叫我寫blog那就來做吧!系列 第 23

[day-22] - 利用 Github Pages 將 HTML 放上網頁

  • 分享至 

  • xImage
  •  

GitHub Pages 介紹

GitHub Pages 是一種直接從 GitHub 存儲庫(host repository)提供網站內容的靜態頁面託管服務。你可以免費將靜態網站托管在 GitHub 上,不需額外購買網域或伺服器服務。這對於初學者來說非常經濟實惠!

創建你的 GitHub Pages 網站

首先,你需要一個 GitHub 帳戶。如果你還沒有,可以到 github.com 註冊一個。

如果是學生可以申請學生方案領取許多福利喔!

步驟一:建立新的存儲庫

  1. 在主頁面上選擇 "New repository"
  2. 命名你的存儲庫,例如 username.github.io,這裡的 username 是你的 GitHub 使用者名
  3. 設定存儲庫是公開的,這樣才能正常部屬

步驟二:上傳你的 HTML 檔案

  1. 回到你的 GitHub 存儲庫,點擊 "upload files"
  2. 拖放或選擇你的 HTML 檔案以及相關的 CSS 和 JavaScript 檔案(如果有的話)
  3. 送出後,可以等待3分鐘就可以到 username.github.io 查看了

常見問題?

  • Q: 我的網站沒有正常顯示怎麼辦?
    • 檢查你的 HTML 和相關檔案是否有語法錯誤並確保你的檔案路徑和引用是正確的。
  • Q:如何自定義網域名稱?
    • 可以直接從設定中可以更改相關設定。

上一篇
[day-21] - 來構建你的第一個 blog?各種神奇的blog框架
下一篇
[day-23] - 利用 vercel 部屬你的簡單應用
系列文
初學者入門 - 有人叫我寫blog那就來做吧!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言